<template>
	<view>
		<view class="pd5_15 " >
			<swiper	vertical="true"
				 class="home-swiper-notice flex" indicator-color="rgba(255, 255, 255, 0.3)" 
				indicator-active-color="#FFFFFF" :indicator-dots="fasle" 
				:autoplay="true" :interval="3000" :duration="500" :circular="true">
				<swiper-item v-for="(item,index) in data" :key="index" >
					<navigator :url=" '/sub_pages/notice/info?id=' + item.noticeId" class=".flex.alcenter ">
						<image src="/static/icon/speaker.png" style="border-radius: 16rpx"></image>
						<view class="ft16 ">{{item.noticeTitle}}</view>
					</navigator>
				</swiper-item>
			</swiper>
		</view>
	</view>
</template>

<script>
	export default {
		props: ['data'],
		data() {
			return {

			}
		},

		created() {

		},
		methods: {
			//'/sub_pages/scenicArea/detail?id='+value.id
			getActivityByType(id) {
				if(id === 0 ){
					uni.navigateTo({
						url: '/sub_pages/activity/list'
					})
				}else{
					uni.navigateTo({
						url: '/sub_pages/activity/list?typeId='+id
					})
				}
			},
		}
	}
</script>

<style>
	.home-swiper-notice{
		height: 80rpx;
		box-shadow: 0rpx 4rpx 32rpx 0rpx rgba(0, 0, 0, 0.04);
		border-radius: 16rpx;
		overflow: hidden;
	}
	.home-swiper-notice image{
		height: 80rpx;
		width: 80rpx;
	}
	
</style>